.el-button {
  border-radius: 2px !important;
}

.is-disabled {
  opacity: 0.5;
}

.el-select__wrapper,
.el-input__wrapper,
.el-textarea__inner {
  background: #F6F8FA !important;
  box-shadow: none !important;
}

.params-form-gray {
  background: #F6F8FA;
  padding: 20px 20px 0;

  .el-select__wrapper,
  .el-input__wrapper,
  .el-textarea__inner {
    background: white !important;
  }
}

.el-button--primary {
  background: $topic !important;
  border-radius: 2px !important;
  border: none !important;
}

.is-plain {
  border: 1px solid $topic !important;
  background: none !important;
  color: $topic !important;

  &:hover {
    background: none !important;
    color: $topic !important;
  }
}

.is-link {
  background: transparent !important;
  color: $topic !important;
  cursor: pointer;
}

.pagination {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}

.tip {
  color: #86909C;
  font-size: 12px;
}


.params-select {
  display: flex;
  flex: 1;


  >.el-select:first-child {
    background-color: #F6F8FA;
    border-right: $border;
    border-right: $border;
  }
}
.el-input-group__prepend {
  border-right: $border !important;
}

.desc {
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 10px 0;
}

.end-buttons {
  display: flex;
  gap: 10px;
  justify-content: end;
}

.table-operate {
  border: $border;
  border-bottom: none;
  margin-top: 20px;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.readonly {
  height: 32px;
  padding: 0 10px;
  border: $border;
  flex: 1;
}

.sure {
  text-align: center;

  .el-icon {
    font-size: 60px !important;
    margin-bottom: 20px;
    color: rgb(255, 51, 51) !important;
  }
}

.space {
  flex: 1;
  display: flex;
  gap: 10px;
}

//字体样式
@mixin fontStyle($text-size:12px,$text-color:#000, $text-weight:normal,$text-wrap:wrap) {
  color: $text-color;
  font-size: $text-size;
  font-weight: $text-weight;
  white-space: $text-wrap;
  word-break: break-all;
}
//按钮样式
@mixin blockStyle($btn-width,$btn-height,$btn-color,$btn-radius:0px,$btn-border:none) {
  width: $btn-width;
  height:$btn-height;
  border-radius: $btn-radius;
  background-color: $btn-color;
  white-space: nowrap;
  border: $btn-border;
}
// 弹性盒子样式
@mixin flexStyle($flex-horizontal:space-between,$flex-vertical:center,$flex-wrap:nowrap) {
  display: flex;
  justify-content:$flex-horizontal;
  align-items: $flex-vertical;
  flex-wrap: $flex-wrap;
}